.checkBoxItem {
  margin-right: 20px;
  padding: 0 14px;
  border-radius: 50px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;

  img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  span {
    color: #000001;
  }

  &.active {
    background: #000001;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);

    span {
      color: #FFFFFF;
    }
  }
}

.checkAllbtn {
  @extend .checkBoxItem;
  color: #6F748F;

  &:hover {
    color: #555;
  }
}
